.container {
  display: flex;
  :global {
    .text-wrap {
      line-height: 24px;
      font-size: 14px;
      text-align: justify;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      opacity: 1;

      .expand {
        color: #9747FF;
        cursor: pointer;
        float: right;
        clear: both;
        visibility: hidden;

        &::after {
          content: '展开';
        }
      }
      :local {
        animation: appear .1s;
      }

      &::before {
        content: '';
        float: right;
        height: calc(100% - 24px);
      }
    }

    .text-wrap:has(:checked) {
      -webkit-line-clamp: 999;
      .expand {
        &::after {
          content: '收起';
        }
      }
    }

    .text-wrap[data-overflow="true"] {
      .expand {
        visibility: visible;
      }
    }

    @keyframes appear {
      to {
        opacity: 0.99;
      }
    }
  }
}
